<template>
  <div class="icp">{{ `© ${year} ${author} ` }}
    <el-image :src="icpImage" alt=""/>
    <a href="https://beian.miit.gov.cn"
       target="_blank">{{ record }}</a>
  </div>
</template>

<script>
import icpImage from '@/assets/icp.png'

let year = new Date().getFullYear();        // 一般都是最新的一年
let author = '永春小站';					// 作者名
let record = '滇ICP备17007299号-2';			// 备案号
export default {
  setup() {
    return {year, author, record, icpImage}
  }
}

</script>

<style>
.icp {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 10px 0;
  width: 100%;
  height: 36px;
  white-space: pre;
  text-align: center;
  color: gray;
  z-index: 1000;
}

.icp > a {
  color: blue;
  text-decoration: none;
}

.icp > a:hover {
  color: aqua;
  text-decoration: none;
}
</style>
